
<li class="book-item row grid" data-role="book" data-id="${book.id}">
    <div class="book-cover col-xs-3" style="text-align: right;">
        <img height="90" width="80" src="${book.getStr("cover")}">
    </div>
    <div class="col-xs-9" style="height: 100%">
        <h5 style="">
            <a href="/book/${book.id}" style="float: left; line-height: 25px;">${book.bookname}</a>
            <#list book.getTags(3) as tag>
                <span class="tag label label-primary" data-role="tag" data-id="${tag.id}" data-name="${tag.name}">${tag.name}</span>
            </#list>
        </h5>
        <p class="author">
            <img class="avatar" src="${book.author.avatar}">
            <span data-id="${book.author.id}" data-type="username"><a href="/space/${book.author.id}">${book.pseudonym}</a></span>
        </p>
        <p class="description">${book.description}</p>
        <p class="explorer-info">${book.visitCount} 点击</p>
    </div>
    <p class="action-bar">
        <#if book.beenLiked(session["user"])>
            <span class="btn-like action undo" onclick="Pinion.unLike('${book.class.name}', ${book.id}, this)">不喜欢了</span>
        <#else>
            <span class="btn-like action" onclick="Pinion.like('${book.class.name}', ${book.id}, this)">喜欢</span>
        </#if>
        <#if book.beenFavod(session["user"])>
            <span class="btn-favorite action undo" onclick="Pinion.unFavorite('${book.class.name}', ${book.id}, this)">取消收藏</span>
        <#else>
            <span class="btn-favorite action" onclick="Pinion.favorite('${book.class.name}', ${book.id}, this)">收藏</span>
        </#if>
    </p>
    <i class="glyphicon glyphicon-chevron-right show-page"></i>
</li>